<template>
<div id="app">
  <!-- <img alt="Vue logo" src="./assets/logo.png"> -->
  <editor
    api-key="no-api-key"
    :init="{
      height: 500,
      menubar: false,
      plugins: [
        'a11ychecker','advlist','advcode','advtable','autolink','checklist','export',
        'lists','link','image','charmap','preview','anchor','searchreplace','visualblocks',
        'powerpaste','fullscreen','formatpainter','insertdatetime','media','table','help','wordcount'
      ],
      toolbar:
        'undo redo | casechange blocks | bold italic backcolor | \
        alignleft aligncenter alignright alignjustify | \
        bullist numlst checklist outdent indent | removeformat | a11ycheck code table help'
    }"
    initial-value="Welcome to TinyMCE Vue"
  />
</div>
</template>

<script>
import Editor from '@tinymce/tinymce-vue'

export default {
name: 'app',
components: {
  'editor': Editor
}
}
</script>